// 首先全局导入antd的样式
import 'antd/dist/antd.css';
import React from 'react';
import ReactDOM from 'react-dom';
// 其次导入项目自定义的样式,防止覆盖
import './index.scss';
import App from './App';
// 导入store
import {store} from '@/store/store.js'
// 导入 provider
import {Provider} from 'react-redux'

// strictMode用来开react的严格模式,如果组件使用了一些比较老的react当下不推荐的用法(api),控制台就会发出警告提示
// 要了解provider必须知道react中context的概念，通过context可以将组件状态store传递到各个子组件，而不需要显示的props一层一层传递下去。react-redux中就是将store存在了context中https://segmentfault.com/q/1010000016267081
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

